<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="chargtp"></div>

    <script>
        // 定义需要逐渐展示的文本内容
        const text = "长沙民政职业技术学院 2015 版权所有 网站图片、视频等未经允许请勿转载 网站设计：图书信息中心 通讯地址:湖南长沙香樟路421号 邮编:410004 Email:csmzxydzb@csmzxy.edu.cn 电话: 0731-82763288（招生电话）,0731-82804000（党政办） 传真:0731-82804325 学生资助热线：0731-82823961 1280以上分辨率效果最佳; 湘ICP备14001965号 湘教QS3-200911-001116"
        // 获取展示文本的 DOM 元素
        const chargtp = document.getElementById('chargtp');

        // 定义变量记录当前已展示的文本长度
        let index = 0;

        // 定义延时函数，用于控制文本逐渐展示的速度
        function sleep(ms) {
            return new Promise(resolve => setTimeout(resolve, ms));
        }

        // 定义异步函数，用于给文本逐个添加字符并展示
        async function addText() {
            // 当前已展示的文本长度小于文本总长度时，继续添加字符和展示
            while (index < text.length) {
                const char = text.charAt(index);
                chargtp.innerHTML += char;
                index++;
                await sleep(50); // 控制添加字符的速度
            }
        }

        // 调用异步函数，开始逐个添加字符和展示
        addText();
    </script>
</body>

</html>